$noselColor: #00aeff;
$noselBgc:#3B8BFF;
$selectedColor:#00e1e4 ;

#app.dark-theme {
  //   白色字体
  .card-title, .card-sub-title, .card-list-description > h4, .head-item-title, .dis-inlineblock .top-font, .dis-inlineblock .bottom-font, .dateRange > label, .tabs-list,.header-block .h-name{
    color: #fff;
  }

  //  浅白色字体
  .card-list-description > p, .data-count-text {
    color: #BFD9FF
  }
  .el-progress__text{
    color:#fff !important;
  }

  //  荧光色字体
  .card-num, .card-list-btn .el-button {
    color: #00E1E4;
  }
  // 无边框、无背景
  .no-border{
    border:0px !important;
    background:transparent !important;
    & ~ .data-bottom{
      background:rgba(59,139,255,0.10);
    }
  }
  .data-left .data-top,.data-left .data-bottom,.data-right .data-top,.data-right .data-bottom,.header-block{
    background:rgba(59,139,255,0.10);
    border:1px solid rgba(59, 139, 255, 0.4);
    border-radius:4px;
  }
.module-top{
  background:rgba(59,139,255,0.10);
  color:#fff;
}
  //  透明度设置
  .el-progress__text {
    opacity: 1;
  }

  //  透明背景
  .container-box .survey, .border-top-solid, .el-range-input,.switch-board {
    background: transparent;
  }

  // 深色背景框
  .card-container.active, .flex-block {
    border: 1px solid rgba(0,225,228,1);
    background: rgba(0, 225, 228, 0.10);
  }

  //  渐变背景色
  & ~ .el-dialog__wrapper {
    .tabs-wk .tabs-list {
      background: rgba(59, 139, 255, .1);
      color: #fff;
    }

    .tabs-list.active{
      border-bottom: 2px solid #00E1E4;
      background: linear-gradient(180deg, rgba(0, 225, 228, 0.00) 0%, #00E1E4 100%) !important;
    }

    .form-item-wk .form-item {
      border: 1px solid rgba(0, 225, 228, 0.4);
    }

    .form-item-wk .form-item.active {
      border: 1px solid rgba(0, 225, 228, 1);
    }

    .form-item-wk .form-item p {
      color: rgba(0, 225, 228, 0.80);
      border-top: 1px solid rgba(0, 225, 228, 0.4);
    }

  }

  //  边框颜色
  .card-container, .card-wk ul li {
    border: 1px solid rgba(0, 225, 228, 0.4);
  }

  // 右边框颜色
  .card-wk ul li .card-list-btn button[data-v-ad207df2]:nth-of-type(1), .container-box .border-right-solid {
    border-right: 1px solid rgba(0, 225, 228, 0.4);
  }

  //   上边框颜色
  .card-list-btn, .container-box .border-top-solid {
    border-top: 1px solid rgba(0, 225, 228, 0.4);
  }

  //   透明度为1
  .container-box .flex-block {
    opacity: 1;
  }

  //
  .tabs-wk > .tabs-list {
    background: rgba(59, 139, 255, .1);
  }

  .hamburger-container svg path {
    fill: #BFD9FF;
  }

  //  左侧导航栏
  .sidebar-container {
    background: linear-gradient(180deg, #14285C 0%, rgba(8, 26, 71, 0.00) 100%);
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, rgba(0, 225, 228, 1), rgba(0, 225, 228, 0)) 1;
    .el-scrollbar__view{
      .el-menu{
        background:transparent !important;
        .el-submenu__title,.el-menu-item,.el-menu-item.is-active > .svg-icon,.el-menu-item > .svg-icon,.el-submenu__icon-arrow{
          color:#fff !important;
          background:transparent !important;
        }
        .el-menu-item:hover,.el-menu-item.is-active,.el-submenu__title:hover{
          background:rgba(0,225,228,.4) !important;
          border-right:2px solid rgba(0,225,228,.4) !important;
        }
      }
    }
  }
  .card-container{
    background: rgba(59,139,255,0.10);
  }
//  折叠面板
  .el-collapse-item__header{
    background: rgba(59,139,255,0.20);
    color:#fff;
    border-bottom:1px solid #3B8BFF !important;
  }
  ::v-deep .el-collapse-item .el-collapse-item{
    background:rgba(59,139,255,0.20) !important;
  }
  .el-collapse-item__wrap{
    background:rgba(59,139,255,0.10);
    div{
      color:#fff;
      &.sub-title{
        color:#BFD9FF;
      }
    }
  }
  .el-container{
    //background:rgba(59,139,255,0.10);
    border:1px solid rgba(59, 139, 255, 0.4);
    .table-main,.el-aside{
      background:transparent !important;
      color:#fff;
      border-right: 1px solid rgba(0, 225, 228, 0.4);
      .el-checkbox__label{
        color:#fff;
      }
    }
  }

//  删除、保存弹窗提醒
& ~ .el-message-box__wrapper {
  .el-message-box{
    color:#fff;
    background:#092253 !important;
    border:1px solid rgba(59, 139, 255, 0.4) !important;
    .el-message-box__title span{
      color:#fff;
    }
    .el-message-box__message{
      p{
        color:#fff;
      }
    }
    .el-message-box__btns{
      button.el-button.el-button--default {
        color: #ffffff !important;
        background: rgba($color: $noselBgc, $alpha: 0.4) ;
        border: 1px solid $noselBgc;
      }
      // 修改button颜色
      button.el-button.el-button--primary {
        color: #ffffff !important;
        background: rgba($color: $selectedColor, $alpha:.4) !important;
        border: 1px solid $selectedColor !important;
      }
    }
  }
}
.cell .box{
background:rgba(0,225,228,0.40);
  color:#fff;
}
  .sidebar-logo{
  }

}
